<template>
  <div>
    <van-cell title="配送方式" />
    <tabs />
    <van-cell title="泉州分店">
      <template slot="icon">
        <img class="shop-img" src="@/assets/images/confirmOrder/icon_dianpu.png" alt />
      </template>
    </van-cell>
    <van-card
      num="2"
      price="2.00"
      title="2018夏季新款流行女装裙子中长款复古条纹衬衫连衣裙"
      thumb="https://img.yzcdn.cn/vant/t-thirt.jpg"
    >
      <div slot="tags">
        <van-tag plain type="danger">170/L</van-tag>
        <van-tag plain type="danger">绿/白</van-tag>
      </div>
    </van-card>
    <div class="van-hairline--bottom"></div>
    <van-card
      num="2"
      price="2.00"
      title="2018夏季新款流行女装裙子中长款复古条纹衬衫连衣裙"
      thumb="https://img.yzcdn.cn/vant/t-thirt.jpg"
    >
      <div slot="tags">
        <van-tag plain type="danger">170/L</van-tag>
        <van-tag plain type="danger">绿/白</van-tag>
      </div>
    </van-card>
  </div>
</template>

<script>
import tabs from "./components/tabs";

export default {
  name: "ConfirmOrder",
  components: {
    tabs
  }
}
</script>

<style lang="scss" scoped>
.shop-img {
  width: halfPx(29px);
  height: 13px;
  margin: 5px 6px 0 0;
  vertical-align: middle;
}
.van-card {
  margin: 0;
  padding: 16px 20px 15px halfPx(41px);
  background-color: #fff;
  font-size: 14px;
  .van-tag {
    margin-top: halfPx(15px);
  }
}
</style>
